import { login } from '@/api/user'
import { setToken, getToken, removeToken } from '@/utils/auth'// cooken插件存取token
import { getUserInfo, getUserDetailById } from '@/api/user'
import { resetRouter } from '@/router'
export default {
  namespaced: true,
  state: {
    token: getToken() || '', // 这里因为是初始化值为空,刷新的时候所有的代码都会重置 token所以判断获取下本地有就获取否则为空格
    userInfo: {}
  },
  mutations: {
    setToken(state, tokenValue) {
      // vuex存一份
      state.token = tokenValue
      // 本地存一份
      setToken(tokenValue)
    },
    setUserInfo(state, userInfo) {
      state.userInfo = userInfo
    },
    removeUserInfo(state) {
      state.token = ''
      state.userInfo = {}
      removeToken()
      resetRouter()
    }
  },
  actions: {
    async fetchLogin({ commit }, form) {
      // form是登录页传过来的数据项
      const res = await login(form)
      // 上面解构赋值了所以这个地方能用commit不用前面加store
      commit('setToken', res)
    },
    async fetchGetUserInfo({ commit }) {
      // 发请求
      const res = await getUserInfo()
      // 插入一个头像信息请求
      const res_ = await getUserDetailById(res.userId)
      // 调用meutaion[合并一下两个接口的返回对象,成为一个对象]
      commit('setUserInfo', { ...res, ...res_ })
      // 当我们想要另外一个模块中要使用action函数内部的数据时
      // 应该把这个数据return出去
      return res
    }
  }
}
